<style>

    .summary_home{
        top: 92px;
    }
    .summary_all{
        background-color: #fff9f2;
        height: 66px;
        padding-top: 10px;
        position: relative;

    }
    .summary_all_line{
        width: 20px;
        height: 5px;
        background-color: #2c3c50;
        display: inline-block;
        margin-left: 15px;
        margin-top: 6px;
        vertical-align: text-top;
    }
    .summary_info{
        line-height: 50px;
        margin-top: -20px;
    }
    .summary_open{
        position: absolute;
        right: 15px;
        top: 17px;
    }
    .summary_info .col{
        border: 1px solid #dddddd;
        margin-right: -1px;
        margin-bottom: -1px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .summary_info_1{
        padding: 0 15px;
    }
    .summary_info_1 .row + .row{
        margin: 0;
    }
    .summary_info_title{
        padding: 0 15px;
        font-size: 14px;
        color: #666;
    }
    .summary_info_title img{
        vertical-align: top;
        margin-top: 15px;
        margin-right: 5px;
    }
    .summary_info_num{
        color: #ff9a14;
        text-decoration: underline;
    }
    .button-summary{
        width: 100%;
        border: none;
        border-radius: 0;
        min-height: 0;
        height: 100%;
        background-color: #ffffff;
        color: #ff9a14;
        text-decoration: underline;
    }
    .button-summary:hover{
        color: #ff9a14;
        text-decoration: underline;
    }
    .button-summary.activated{
        background-color: #fff3ee;
    }

    /*rewrite*/
    .data_chart_head{
        padding: 0;
        margin-top: 20px;
    }
    .platform-ios.platform-cordova:not(.fullscreen) .summary_home{
        top: 112px;
    }

</style>
<ion-view>
    <ion-pane>

            <ion-header-bar class="index_head">
                <button class="button button-icon icon ion-android-arrow-back"  ui-sref="shopHome" style="color: #fff"></button>
                <div class="h1 title">数据</div>
                <div class="head_menu_icon" ng-click="toggleRightSideMenu()">
                    {{name}}
                    <img src="img/icon/mechicon/menu_icon.png" alt="">
                </div>
            </ion-header-bar>
            <ul class="dataHome_list clear">
                <li  ng-click="dataTab('1')" ng-class="n==1?'actives':''">
                    最近七天
                </li>
                <li ng-click="dataTab('2')" ng-class="n==2?'actives':''">
                    最近一月
                </li>
                <li ng-click="dataTab('3')" ng-class="n==3?'actives':''">
                    最近半年
                </li>
                <li ng-click="dataTab('4')" ng-class="n==4?'actives':''">
                    最近一年
                </li>
                <li ng-click="dataTab('5')" ng-class="n==5?'actives':''">
                    全部
                </li>
            </ul>

            <ion-content class="stable-bg bg-fff  summary_home">

                <div class="data_chart_wrap">
                    <div ng-click="openTransverse()" style="color: #666;font-size: 12px;padding: 15px">单位：万</div>
                    <img ng-click="openTransverse()" class="summary_open" src="img/sumarry_open.png" width="15px">

                    <!--图标统计-->
                    <div class="data_chart_head">

                        <div class="data_charthead_con" id="flowMain" style="width: 100%;height: 200px;">
                        </div>
                        <div class="summary_all row row-no-padding text-center">
                            <div class="col">
                                <div style="font-size: 12px;color: #999;margin-bottom: 5px">
                                    预约订单<div class="summary_all_line"></div>
                                </div>
                                <div style="font-size: 18px;color: #333">{{makeAll | abbrMoney2}}</div>
                            </div>
                            <div class="col">
                                <div style="font-size: 12px;color: #999;margin-bottom: 5px">
                                    成交订单<div class="summary_all_line" style="background-color: #ff9a14"></div>
                                </div>
                                <div style="font-size: 18px;color: #333">{{doneAll | abbrMoney2}}</div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="summary_info text-center">
                    <div class="text-left summary_info_title">
                        <img src="img/data/chengjiaodingdan@2x.png" width="17px" alt="成交订单" />成交订单
                    </div>
                    <div class="summary_info_1">
                        <div class="row min_row row-no-padding" >
                            <div class="col ">分类</div>
                            <div class="col">100W-300W</div>
                            <div class="col">300W-1000W</div>
                            <div class="col">≥1000W</div>
                        </div>
                        <div class="row row-no-padding">
                            <div class="col">交易金额</div>
                            <div class="col " ng-click="goTransaction('100W_300W',donecount[0].sumAmount)">
                                <button ng-if="donecount[0].sumAmount>0" class="button button-summary">
                                    {{donecount[0].sumAmount | abbrMoney2}}
                                </button>
                                <span style="color: #666;text-decoration:none">{{donecount[0].sumAmount}}</span>
                            </div>
                            <div class="col " ng-click="goTransaction('300W_1000W',donecount[1].sumAmount)">
                                <button ng-if="donecount[1].sumAmount>0" class="button button-summary">
                                    {{donecount[1].sumAmount | abbrMoney2}}
                                </button>
                                <span style="color: #666;text-decoration:none">{{donecount[1].sumAmount}}</span>
                            </div>
                            <div class="col " ng-click="goTransaction('_1000W',donecount[2].sumAmount)">
                                <button ng-if="donecount[2].sumAmount>0" class="button button-summary">
                                    {{donecount[2].sumAmount | abbrMoney2}}
                                </button>
                                <span style="color: #666;text-decoration:none">{{donecount[2].sumAmount}}</span>
                            </div>
                        </div>
                        <div class="row row-no-padding">
                            <div class="col">订单数</div>
                            <div class="col " ng-click="goTransaction('100W_300W',donecount[0].orderNum)">

                                <button ng-if="donecount[0].orderNum>0" class="button button-summary">
                                    {{donecount[0].orderNum}}
                                </button>
                                <span style="color: #666;text-decoration:none">{{donecount[0].orderNum}}</span>
                            </div>
                            <div class="col " ng-click="goTransaction('300W_1000W',donecount[1].orderNum)">

                                <button ng-if="donecount[1].orderNum>0" class="button button-summary">
                                    {{donecount[1].orderNum}}
                                </button>
                                <span style="color: #666;text-decoration:none">{{donecount[1].orderNum}}</span>
                            </div>
                            <div class="col " ng-click="goTransaction('_1000W',donecount[2].orderNum)">

                                <button ng-if="donecount[2].orderNum>0" class="button button-summary">
                                    {{donecount[2].orderNum}}
                                </button>
                                <span style="color: #666;text-decoration:none">{{donecount[2].orderNum}}</span>
                            </div>
                        </div>
                    </div>

                    <div class="text-left summary_info_title">
                        <img src="img/data/chanpinchakan@2x.png" width="17px" alt="产品查看及分享汇总" />产品查看及分享汇总
                    </div>
                    <div class="summary_info_1">
                        <div class="row row-no-padding">
                            <div class="col">产品名称</div>
                            <div class="col">查看次数</div>
                            <div class="col">分享次数</div>
                        </div>
                        <div class="row row-no-padding" ng-repeat="s in thisData.map.productCountShare ">
                            <div class="col">{{s.productName}}</div>
                            <div class="col " ng-click="clickshuBtn == true?goDataProductlist(s.param,s.type,s.productName,s.viewCount):''">

                                <button ng-if="s.viewCount>0&&clickshuBtn == true" class="button button-summary">
                                    {{s.viewCount}}
                                </button>
                                <span style="color: #666;text-decoration:none">{{s.viewCount}}</span>
                            </div>
                            <div class="col " ng-click="dataMechHome(s.productName,s.param,s.shareCount)">

                                <button ng-if="s.shareCount>0" class="button button-summary">
                                    {{s.shareCount}}
                                </button>
                                <span style="color: #666;text-decoration:none">{{s.shareCount}}</span>
                            </div>
                        </div>
                    </div>
                    <div style="height: 40px;"></div>
                </div>

            </div>
        </div>

            </ion-content>

    </ion-pane>

</ion-view>
